<template>
    <div class="img_box">
        <div>{{ url }}</div>
        <div style="margin: 0px 5px;">
            <el-icon color="#409efc" :size="20">
                <Search />
            </el-icon>
        </div>
        <div>
            <el-icon color="#409efc" :size="20">
                <Download />
            </el-icon>
        </div>
    </div>
</template>
  
<script lang='ts' setup>
import { toRefs, defineProps } from 'vue';
const props = defineProps({
    url: {
        type: String,
    },
});
const { url } = toRefs(props);

</script>
  
<style lang='scss' scoped>
.img_box {
    padding: 5px 5px 0px;
    background-color: #F7F8FA;
    border-radius: 3px;
    display: flex;

}
</style>